<template>
  <div class='container not-found'>
    <h1>404</h1>
    <h2>找不到页面</h2>
    <p>
      对不起，我们找不到你请求的页面
      <br><br>
      <el-button type="primary" @click.native="$router.push({name: 'app'})">
        回到首页
      </el-button>
    </p>
  </div>
</template>

<script>
  export default {name: 'not-found'}
</script>

<style lang='less' scoped>
  // @import '~styles/theme';

  .not-found {
    text-align: center;
    transform: translateY(40vh) translateY(-50%);
  }
  h1 {
    font-size: 140px;
    line-height: 1;
    font-weight: lighter;
  }
  h2 {
    font-weight: normal;
  }
</style>
